<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册</title>
		<link rel="stylesheet" type="text/css" href="css/common.min.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/register.css" />
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/utils.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="register_web">
			<div class="RetrievePassword">
				<!--头部-->
			<header class="Pending_Header">
				<ul>
					<li class="backArr">
						<!--<img src="img/Information_consultation/left.png"/>-->
					</li>
					<li class="logo">
						<img src="img/Pending_payment/or_logo.png" />
					</li>
					<li class="menuIcon">
						<!--<div class="count">13</div>-->
						<img src="img/Pending_payment/menu_icon.png" alt="" />
					</li>
				</ul>
			</header>
			<div class="content">
				<form id="myForm" action="XXX.php" method="post">
				
					<!--<div class="text"></div>-->
					<div class="text1">
						<div class="pic">
							<img src="img/RetrievePassword/aa3.png" />
						</div>
						<div class="son">
							<input type="text" name="" id="" value="" placeholder="请输入手机号码"/>
						</div>
					</div>
					<div class="text1">
						<div class="pic1">
							<img src="img/RetrievePassword/aa2.png" />
						</div>
						<div class="son ">
							<input type="text" name="" id="" value=""  placeholder="请输入验证码"/>
						</div>
						<a href="#">
							<div class="son1 seeMore_">
								<p>点击获取验证码</p>
							</div>
						</a>
					</div>
					<div class="text1">
						<div class="pic">
							<img src="img/RetrievePassword/aa1.png" />
						</div>
						<div class="son">
							<input type="text" name="" id="" value=""  placeholder="请设置密码"/>
						</div>
					</div>
					<div class="text5">
						<p>
							注册代表你同意
							<a href="#">用户协议</a>
						</p>
					</div>
					<div class="text3">
						<p>
							<a href="register_email.html">邮箱注册</a>
						</p>
					</div>
					<!--<a href="#">-->
						<div class="text4 seeMore_ mySub_">
							<p>注&emsp;册</p>
						</div>
				<!--</a>-->
				</form>	
			</div>
			<footer class="indexFooter">
				<ul>
					<li>
						<img src="img/Pending_payment/shouye.png"/>
					</li>
					<li>
						<img src="img/Pending_payment/shenfen.png"/>
					</li>
					<li>
						<img src="img/Pending_payment/gouwuche.png"/>
					</li>
					<li>
						<img src="img/Pending_payment/kefu.png"/>
					</li>
				</ul>
			</footer>
			
			</div>
			
		</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/touchBtn.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(".mySub_").on("click",function(){
				$("#myForm").submit();
			})
			$(".text1 .son1").on("click",function(){
				var regExp = /^1[3-8]\d{9}$/;
				var tel = $(".text1").eq(0).find(".son input").val();
				if(!regExp.test(tel)){
					//动态显示提示手机号码错误
					if(!$(".alertText").length){
						var alertText = $("<span class='alertText' style='color: red;font-size: 12px;'>手机号码有误！</span>")
						$(".text1").eq(0).append(alertText);
						//600毫秒后提示语消失
						setTimeout(function(){
							alertText.animate({opacity:0},100,function(){
									alertText.remove();
							});
						},600)
					}
					
				}
			})
		</script>
		
	</body>
</html>
